<template>
  <div>
    <v-header></v-header>
    <v-navbar></v-navbar>
    <div class="main">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
    <v-footer></v-footer>
  </div>

</template>

<script>
import header from './header/header.vue';
import navbar from './navbar/navbar.vue';
import footer from './footer/footer.vue';
export default {
  components: {
    'v-header': header,
    'v-navbar': navbar,
    'v-footer': footer
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  .main{
    padding-top: 10px;
    min-height: 100px;
  }
</style>
